<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function (event) {
        var tables = document.body.getElementsByTagName("table");
        for (var i = 0; i < tables.length; i++) {
            var t = tables[i];
            t.style.marginBottom = 0;
            t.outerHTML = `<div style="overflow-x: scroll; margin-bottom: 10px;">${t.outerHTML}</div>`;
        }
    });

    var header = document.querySelector("header");
    header.style.backgroundImage = "linear-gradient(45deg,#38D9A9,#4DABF7,#9775FA)";
    header.style.textAlign = "center";

    header.innerHTML = `<div>${header.innerHTML}</div>`;
    var wrapper = header.querySelector("div");
    wrapper.style.backgroundImage = "url()";
    wrapper.style.padding = "2%";

    var title = header.querySelector("h1");
    title.style.color = "white";
</script>
